<!DOCTYPE HTML>
<html>
	<head>
		<title>Future Imperfect by HTML5 UP</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<style>
	.modal_body{
		margin: 1em;
		height: 80%;
	}
	.modal_left{float: left;margin:0 0 0 1em;
		width: 590px;}
	.modal_right{
		float:left;
		margin:0 2em;
		border:1px solid #A9A9A9 ;
		overflow: auto;
		width: 590px;
				}

</style>

		<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="assets/css/blogMain.css" />
		

	</head>
	<body>
			<div id="wrapper">

				<!-- Header -->
					<header id="header">
						<h1><a href="innerIndex.html">Internal Network</a></h1>
						<nav class="links">
							<ul>
								<li><a href="innerIndex.html">内网首页</a></li>
								<li><a href="publicBlog.html">公共博客</a></li>
								<li><a href="resource.html">资源夹</a></li>
								<li><a href="question.html">技术问答</a></li>
								<li><a href="index.html">实验室介绍页</a></li>
							</ul>
						</nav>
					</header>

				
					

				<!-- Main -->
					<div id="main">

						<!-- Post -->
							<article class="post">
								<header>
									<div class="title">
										<h2 id="Title"><a >通知标题</a></h2>
<!--										<p id="brief">通知简介（没有可删除）</p>-->
									</div>
									<div class="meta">
										<time class="published" datetime="2015-11-01">2017/10/10</time>
										<a href="#" class="author"><span class="name">Pasca</span><img src="assets/img/pasca.jpg" alt="" /></a>
									</div>
								</header>
<!--								<a  class="image featured"><img src="assets/img/pic01.jpg" alt="" /></a>-->
								<p id="artical">
									这里是通知内容balabalbalabala
								</p>
								<footer>
									<!--以下修改触发，修改后删除下面这个button即可-->
									<!--<button id="change" data-toggle="modal" data-target="#myModal">
										修改内容
									</button>-->
									<!--以上为修改触发，修改后删除下面这个button即可-->
									
									<!--编译界面-->
									<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
										<div class="modal-dialog" style="width: 90%;margin: 2%;">
											<div class="modal-content" style="width: 88em;">
												<div class="modal-header" style="height: 3em;">
													<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="height: 1em;width: 1em;">
													×
													</button>
												
												</div>
												<!--标题-->
												<div class="modal_body">
													<div class="modal_left">
													<textarea id="text-input_1" class="modal_left" oninput="this.editor.update()" style="height: 35px;" cols="80"> **if与switch的小区别**</textarea>
													</div>
												
													<div  class="modal_right" style="height: 35px;">
														<p id="preview_1" ></p>
													</div>
													<div class="clearfix"></div>
												</div>
												<!--简介-->
												<!--<div class="modal_body">
													<div class="modal_left">
													<textarea id="text-input_2" class="modal_left" oninput="this.editor.update()" style="height: 90px;" cols="80">请根据 **Markdown格式** 输入**概要**.</textarea>
													</div>
												
													<div  class="modal_right" style="height: 90px;">
														<p id="preview_2" ></p>
													</div>
													<div class="clearfix"></div>
												</div>-->
												<!--主题内容-->
												<div class="modal_body">
													<div class="modal_left">
													<textarea id="text-input_2" class="modal_left" oninput="this.editor.update()" style="height: 453px;" cols="80">
什么时候用switch:

>当范围较小且为数据char,int,byte,short这四种类型时，用switch语句更好  
因为switch语句的系统编译效率相对if来说效率稍高。

什么时候用if:

>但是如果数据比较多，或者为boolean类型时。用if更好  
因为switch语句需要把所有条件都case出来，数据一多对于程序而言就没有简洁性和可观性。  
而boolean类型的，只能用if，不能用switch。
										</textarea>
													</div>
												
													<div  class="modal_right" style="height: 453px;">
														<p id="preview_2" ></p>
													</div>
													<div class="clearfix"></div>
												</div>
											
												<div class="modal-footer">
													<button  data-dismiss="modal" >
													提交更改
													</button>
												</div>
												
											</div>
										</div>
									</div>
									<!--编译界面-->
								</footer>
							
							</article>

					

						
					</div>

<!-- Sidebar -->
					<section id="sidebar">

						<!-- Intro -->
							<section id="intro">
								<header>
									<h2>Public Blog</h2>
									<p> The fire burns high <br/>when everybody adds wood to it </p>
								</header>
							</section>



						<!-- Posts List -->
							<section>
<ul class="posts">
									<h2>同类博文</h2>
									<li>
										<article>
											<header>
												<h3><a href="blog2.html">单例类懒汉式线程安全问题</a></h3>
												<time class="published" datetime="2015-10-20">2017/10/11</time>
											</header>
											<a href="#" class="image"><img src="assets/img/pasca.jpg" alt="" /></a>
										</article>
									</li>
									<li>
										<article>
											<header>
												<h3><a href="blog3.html">JAVA继承特点的小总结</a></h3>
												<time class="published" datetime="2015-10-15">2017/10/12</time>
											</header>
											<a href="#" class="image"><img src="assets/img/pasca.jpg" alt="" /></a>
										</article>
									</li>
									<li>
										<article>
											<header>
												<h3><a href="blog4.html">页面渲染&&影响渲染速度的两个因素</a></h3>
												<time class="published" datetime="2015-10-08">2017/10/15</time>
											</header>
											<a href="#" class="image"><img src="assets/img/pasca.jpg" alt="" /></a>
										</article>
									</li>
									<li>
										<article>
											<header>
												<h3><a href="blog1.html">关于线程同步的几个知识点</a></h3>
												<time class="published" datetime="2015-10-08">2017/10/21</time>
											</header>
											<a href="#" class="image"><img src="assets/img/pasca.jpg" alt="" /></a>
										</article>
									</li>

								</ul>
							</section>



						<!-- Footer -->
							<section id="footer">

								<p class="copyright">&copy;Made by 实验室前端组 </p>
							</section>

					</section>
			</div>
			

		<!-- Scripts -->
			<script type="text/javascript" src="assets/js/jquery2.0.min.js" ></script>
			<script src="assets/js/main.js"></script>
			<script type="text/javascript" src="assets/js/bootstrap.min.js" ></script>
			<script type="text/javascript" src="assets/js/markdown.js" ></script>
			<script>
				function Editor(input,preview_1,preview_2){  //将input中的内容赋予preview
					this.update=function(){
						preview_1.innerHTML=markdown.toHTML(input.value);
						preview_2.innerHTML=markdown.toHTML(input.value);
					};
					input.editor=this;
					this.update();
				}				
				var retId =function(id){return document.getElementById(id);};//作用为返回ID的对象
			new Editor(retId("text-input_1"),retId("preview_1"),retId("Title"));
			new Editor(retId("text-input_2"),retId("preview_2"),retId("artical"));

			</script>

	</body>
</html>